<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>

    <link rel="stylesheet" type="text/css" href="/static/Admin/plugins/colorpicker/colorpicker.css" media="screen">
    <link rel="stylesheet" type="text/css" href="/static/Admin/custom-plugins/wizard/wizard.css" media="screen">

    <!-- Required Stylesheets -->
    <link rel="stylesheet" type="text/css" href="/static/Admin/bootstrap/css/bootstrap.min.css" media="screen">
    <link rel="stylesheet" type="text/css" href="/static/Admin/css/fonts/ptsans/stylesheet.css" media="screen">
    <link rel="stylesheet" type="text/css" href="/static/Admin/css/fonts/icomoon/style.css" media="screen">

    <link rel="stylesheet" type="text/css" href="/static/Admin/css/mws-style.css" media="screen">
    <link rel="stylesheet" type="text/css" href="/static/Admin/css/icons/icol16.css" media="screen">
    <link rel="stylesheet" type="text/css" href="/static/Admin/css/icons/icol32.css" media="screen">

    <!-- Demo Stylesheet -->
    <link rel="stylesheet" type="text/css" href="/static/Admin/css/demo.css" media="screen">

    <!-- jQuery-UI Stylesheet -->
    <link rel="stylesheet" type="text/css" href="/static/Admin/jui/css/jquery.ui.all.css" media="screen">
    <link rel="stylesheet" type="text/css" href="/static/Admin/jui/jquery-ui.custom.css" media="screen">

    <!-- Theme Stylesheet -->
    <link rel="stylesheet" type="text/css" href="/static/Admin/css/mws-theme.css" media="screen">
    <link rel="stylesheet" type="text/css" href="/static/Admin/css/themer.css" media="screen">

    <!-- 引入 layui -->
    <script src="/static/layui/layui.all.js"></script>
    <link rel="stylesheet" href="/static/layui/css/layui.css">

</head>

<body>

    <div class="mws-panel grid_8">
        <div class="mws-panel-header" style="height: 49px">
            <span>
                <i class="icon-table"></i>留言列表</span>
        </div>
        <div class="mws-panel-body no-padding">
            <div id="DataTables_Table_1_wrapper" class="dataTables_wrapper" role="grid">
                <!--
                <div id="DataTables_Table_1_length" class="dataTables_length">
                    <a href="/order/Excel" class="btn btn-info" id="excel">导出全部订单Excel文件</a>
                </div>
             -->
                <form action="/contact/index" method="get">
                    <div class="dataTables_length">
                        <select name="search_type" id="">
                            <option value="real_name" {if condition="$search_type == 'real_name'" } selected {/if}>姓名</option>
                            <option value="email" {if condition="$search_type == 'email'" } selected {/if}>邮箱</option>
                            </select>
                    </div>

                    <div class="dataTables_length">
                        <label>
                            <input type="text" type="text" aria-controls="DataTables_Table_1" name="keyword" value="{$keyword}">
                            <input type="submit" class="btn btn-info">
                        </label>
                    </div>


                </form>

                <table class="mws-datatable-fn mws-table dataTable" id="DataTables_Table_1" aria-describedby="DataTables_Table_1_info">
                    <thead>
                        <tr role="row">
                            <th class="" tabindex="0" aria-controls="dataTables-example" rowspan="1" colspan="1" style="width: 20px;" aria-sort="ascending"
                                aria-label="Rendering engine: activate to sort column ascending">编号</th>
                            <th class="" tabindex="0" aria-controls="dataTables-example" rowspan="1" colspan="1" style="width: 50px;" aria-label="Platform(s): activate to sort column ascending">姓名</th>
                           <th class="" tabindex="0" aria-controls="dataTables-example" rowspan="1" colspan="1" style="width: 100px;" aria-label="Platform(s): activate to sort column ascending">邮箱</th>
                            <th class="" tabindex="0" aria-controls="dataTables-example" rowspan="1" colspan="1" style="width: 20px;" aria-label="Platform(s): activate to sort column ascending">性别</th>
                            <th class="" tabindex="0" aria-controls="dataTables-example" rowspan="1" colspan="1" style="width: 600px;" aria-label="Platform(s): activate to sort column ascending">内容</th>
                            <th class="" tabindex="0" aria-controls="dataTables-example" rowspan="1" colspan="1" style="width: 100px;" aria-label="Platform(s): activate to sort column ascending">联系电话</th>
                            <th class="" tabindex="0" aria-controls="dataTables-example" rowspan="1" colspan="1" style="width: 200px;" aria-label="Platform(s): activate to sort column ascending">地址</th>

                            <th class="sorting" tabindex="0" aria-controls="dataTables-example" rowspan="1" colspan="1" style="width: 200px;" aria-label="Platform(s): activate to sort column ascending"
                                id="add_time" data-type="{$order_type}" style="cursor:pointer;">时间</th>

                        </tr>
                    </thead>

                    <tbody>
                        {foreach name="list" item="vo"}
                        {php}$vo = \app\admin\model\BulletinBoard::handleInfo($vo){/php}

                        <tr class="gradeA odd">
                            <td class="">{$vo.record_id}</td>
                            <td class="">{$vo.record_name}</td>
                           <td class="">{$vo.record_email}</td>
                            <td class="">
                                {eq name="vo.record_gender" value="2"}
                                  女
                                {else/}
                                  男
                                {/eq}
                            </td>
                            <td class="">{$vo.record_text}</td>
                            <td class="">{$vo.record_phone}</td>
                            <td class="">{$vo.record_address}</td>
                            <td class="">

                                {$vo.record_time}

                            </td>

                        </tr>
                        {/foreach}
                    </tbody>
                </table>
                <div class="" id="DataTables_Table_1_paginate" style="text-align: center">
                    {$list->render()}
                </div>
            </div>
        </div>
    </div>




</body>
<!-- JavaScript Plugins -->
<script src="/static/Admin/js/libs/jquery-1.8.3.min.js"></script>
<script src="/static/Admin/js/libs/jquery.mousewheel.min.js"></script>
<script src="/static/Admin/js/libs/jquery.placeholder.min.js"></script>
<script src="/static/Admin/custom-plugins/fileinput.js"></script>

<!-- jQuery-UI Dependent Scripts -->
<script src="/static/Admin/jui/js/jquery-ui-1.9.2.min.js"></script>
<script src="/static/Admin/jui/jquery-ui.custom.min.js"></script>
<script src="/static/Admin/jui/js/jquery.ui.touch-punch.js"></script>

<!-- Plugin Scripts -->
<script src="/static/Admin/plugins/datatables/jquery.dataTables.min.js"></script>
<!--[if lt IE 9]>
        <script src="js/libs/excanvas.min.js"></script>
        <![endif]-->
<script src="/static/Admin/plugins/flot/jquery.flot.min.js"></script>
<script src="/static/Admin/plugins/flot/plugins/jquery.flot.tooltip.min.js"></script>
<script src="/static/Admin/plugins/flot/plugins/jquery.flot.pie.min.js"></script>
<script src="/static/Admin/plugins/flot/plugins/jquery.flot.stack.min.js"></script>
<script src="/static/Admin/plugins/flot/plugins/jquery.flot.resize.min.js"></script>
<script src="/static/Admin/plugins/colorpicker/colorpicker-min.js"></script>
<script src="/static/Admin/plugins/validate/jquery.validate-min.js"></script>
<script src="/static/Admin/custom-plugins/wizard/wizard.min.js"></script>

<!-- Core Script -->
<script src="/static/Admin/bootstrap/js/bootstrap.min.js"></script>
<script src="/static/Admin/js/core/mws.js"></script>

<!-- Themer Script (Remove if not needed) -->
<script src="/static/Admin/js/core/themer.js"></script>

<!-- Demo Scripts (remove if not needed) -->
<script src="/static/Admin/js/demo/demo.dashboard.js"></script>


<script>

   var  url =  "__WebSite__/contact/index";

    var args = {
        order_type: "{$order_type}",
        keyword: "{$keyword}",
        search_type: "{$search_type}",
    };

    $("#add_time").click(function () {
        var order_type = $(this).attr('data-type');


        args.order_type=order_type == 1 ? 2 : 1;

        location.href = url + "/" + generateArgsStr();
    });



</script>


<script type="text/javascript">
    var generateURL = function (options) {
        var url = options.url;
        var keyword = options.keyword;
        var search_type = options.search_type;

        if (search_type!= '') {
            if ("/" != url[url.length - 1]) {
                url += "/";
            }
            url += 'search_type/' + search_type;
        }

        if (keyword != '') {
            if ("/" != url[url.length - 1]) {
                url += "/";
            }
            url += 'keyword/' + keyword;
        }
        if (-1 == url.indexOf(options.paramName)) {
            if ("/" != url[url.length - 1]) {
                url += "/";
            }
            url += options.paramName + "/" + options.newValue;
        } else {
            var re = new RegExp(options.paramName + "/\\d+");
            url = url.replace(re, options.paramName + "/" + options.newValue);
        }
        // url = url.replace(/[=?&]/g, "/");
        return url;
    };

    function generateArgsStr() {
        var str = ""
        for (var name in args) {
            if(args[name].length == 0)
            {
                continue;
            }
            if (str.length == 0) {
                str = name + "/" + args[name];
            } else {
                str += "/" + name + "/" + args[name];
            }
        }
        return str;
    }

</script>

</html>